<template>
    <div style="padding-left:40px;padding-top: 15px;padding-bottom: 15px;background: rgba(232,232,232,0.5)">
        <el-row :gutter="2">
            <el-col :span="24">
                <el-row :gutter="20">
                    <el-col :xs="24" :sm="24" :md="9" :lg="12" :xl="17" align="left">
                        <div style="padding-left: 13%">
                            <el-link type="primary" style="font-size: larger" @click="pushTo('FirstLink')"><img
                                    src="../../assets/wecs.png">
                            </el-link>
                        </div>
                    </el-col>
                    <el-col :xs="6" :sm="6" :md="3" :lg="2" :xl="1" align="left">
                        <el-link @click="pushTo('FirstLink')"><img
                                src="../../assets/home.png">
                        </el-link>
                    </el-col>
                    <el-col :xs="6" :sm="6" :md="3" :lg="2" :xl="1" align="left">
                        <el-link @click="pushTo('FirstLink')"><img src="../../assets/gc.png">
                        </el-link>
                    </el-col>
                    <el-col :xs="6" :sm="6" :md="3" :lg="2" :xl="1" align="left">
                        <el-link @click="pushTo('ManagerLink')"><img src="../../assets/kz.png">
                        </el-link>
                    </el-col>

                    <el-col :xs="6" :sm="6" :md="6" :lg="6" :xl="4" align="left">
                        <el-link type="primary" style="font-size: small" @click="logout"><img
                                src="../../assets/out.png"></el-link>
                    </el-col>

                </el-row>
            </el-col>
        </el-row>

    </div>
</template>

<script>

    export default {
        name: "ShowTop",
        methods: {
            logout() {
                localStorage.removeItem("token");
                this.$router.push({name: "FirstLink"})
            },
            pushTo(to) {
                this.$router.push({name: to})
            }
        }
    }
</script>

<style scoped>

</style>